<!DOCTYPE html>
<!-- saved from url=(0016)http://localhost -->
<html>
  <head>
    <meta charset="utf-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <title>登录注册流程</title>
    <style>
        body{
            margin: 0;
        }
        #content-info{
            width: auto;
            margin: 0 auto;
            text-align: center;
        }
        #author-info{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        #title{
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding-top: 10px;
            margin-bottom: 2px;
            font-size: 34px;
            color: #505050;
        }
        .text{
            white-space:nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 2px;
            font-size: 20px;
            color: #8c8c8c;
        }
        #navBar{
            position: fixed;
            right:0;
            bottom: 0;
            background-color: #f0f3f4;
            overflow-y: auto;
            text-align: center;
        }
        #svg-container{
            width: 100%;
            min-width: 0;
            margin: 0 10px;
        }
        #nav-thumbs{
            padding: 0 5px;
        }
        .nav-thumb{
            position: relative;
            margin: 10px auto;
        }
        .nav-thumb >p{
            text-align: center;
            font-size: 12px;
            margin: 4px 0 0 0;
        }
        .nav-thumb >div{
            position: relative;
            display: inline-block;
            border: 1px solid #c6cfd5;
        }
        .nav-thumb img{
            display: block;
        }
        .nav-thumb span{
            pointer-events: none;
        }
        #main-content{
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #d0cfd8;
            display: flex;
            height: auto;
            flex-flow: row wrap;
            text-align:center;
        }
        #svg-container >svg{
            display: block;
            margin:10px auto;
            margin-bottom: 0;
        }
        #copyright{
            bottom: 0;
            left: 50%;
            margin: 5px auto;
            font-size: 16px;
            color: #515151;
        }
        #copyright >a{
            text-decoration: none;
            color: #77C;
        }
        .number{
            position: absolute;
            top:0;
            left:0;
            border-top:22px solid #76838f;
            border-right: 22px solid transparent;
        }
        .pagenum{
            font-size: 12px;
            color: #fff;
            position: absolute;
            top: -23px;
            left: 2px;
        }
        #navBar::-webkit-scrollbar{
            width: 8px;
            background-color: #f5f5f5;
        }
        #navBar::-webkit-scrollbar-track{
            -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
            border-radius: 8px;
            background-color: #fff;
        }
        #navBar::-webkit-scrollbar-thumb{
            border-radius: 8px;
            -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
            background-color: #6b6b70;
        }
        #navBar::-webkit-scrollbar-thumb:hover{
            background-color: #4a4a4f;
        }
        .nav-thumb >div:hover{
            box-shadow:1px 1px 4px rgba(0,0,0,.4);
        }
        .selected .number{
            border-color: #08a1ef transparent;
        }
</style>
  </head>
  <body>
    <div id="main-area">
      <div id="content-info">
        <div id="title">登录注册</div>
        <div id="author-info">
          <div class="text" id="author-name">admin</div>
          <div class="text" id="share-time">2018-10-14</div>
        </div>
      </div>
      <div id="main-content">
        <div id="svg-container"><svg height="2381" xmlns:ev="http://www.w3.org/2001/xml-events" preserveAspectRadio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2245 2381" width="2245" id="page1"><style type="text/css"><![CDATA[
.st2 {fill:#1e776d;font-family:宋体;font-size:10pt}
.st3 {fill:#1e776d;font-family:宋体;font-size:9pt}
.st1 {fill:#ffffff;font-family:微软雅黑;font-size:10pt}
]]></style><defs/><rect height="2381" x="0" fill="#fdfdfd" y="0" width="2245" stroke="#808080"/><g transform="translate(232.52,142.85)"><path fill="#92d050" d="M23.5,56L70.5,56C83.5,56,94,45.5,94,28C94,10.5,83.5,0,70.5,0L23.5,0C10.5,0,0,10.5,0,28C0,45.5,10.5,56,23.5,56z" stroke="#00b0f0" id="shape1"/><text class="st1"><tspan x="21" y="32.5">页面浏览</tspan></text></g><g transform="translate(326.52,170.85)" id="shape2"><path fill="none" d="M0,0L44,0L44,-123.9L71.6,-123.9" stroke="#00b0f0"/><path stroke-width="1" stroke-linecap="round" fill="#00b0f0" d="M76,-123.9L70.8,-126.9C71.3,-126,71.6,-124.9,71.6,-123.9C71.6,-122.8,71.3,-121.7,70.8,-120.9L76,-123.9" stroke="#00b0f0"/></g><g transform="translate(326.52,170.85)" id="shape3"><path fill="none" d="M0,0L44,0L44,-47.9L71.6,-47.9" stroke="#00b0f0"/><path stroke-width="1" stroke-linecap="round" fill="#00b0f0" d="M76,-47.9L70.8,-50.9C71.3,-50,71.6,-48.9,71.6,-47.9C71.6,-46.8,71.3,-45.7,70.8,-44.9L76,-47.9" stroke="#00b0f0"/></g><g transform="translate(326.52,170.85)" id="shape4"><path fill="none" d="M0,0L44,0L44,28.1L71.6,28.1" stroke="#00b0f0"/><path stroke-width="1" stroke-linecap="round" fill="#00b0f0" d="M76,28.1L70.8,25.1C71.3,26,71.6,27.1,71.6,28.1C71.6,29.2,71.3,30.3,70.8,31.1L76,28.1" stroke="#00b0f0"/></g><g transform="translate(402.52,19)"><g><path fill="#00b0f0" d="M94,56L94,0L0,0L0,56L94,56z" stroke="#00b0f0" id="shape5"/><text class="st1"><tspan x="21" y="32.5">方案下载</tspan></text></g><g transform="translate(0,76)"><path fill="#00b0f0" d="M94,56L94,0L0,0L0,56L94,56z" stroke="#00b0f0" id="shape6"/><text class="st1"><tspan x="34" y="32.5">评论</tspan></text></g><g transform="translate(0,152)"><path fill="#00b0f0" d="M94,56L94,0L0,0L0,56L94,56z" stroke="#00b0f0" id="shape7"/><text class="st1"><tspan x="34" y="32.5">点赞</tspan></text></g></g><g transform="translate(360.02,5)"><path stroke-dasharray="11,5" fill="none" d="M179,392L179,0L0,0L0,392L179,392z" stroke="#00b0f0" id="shape8"/></g><g transform="translate(496.52,47)" id="shape9"><path fill="none" d="M0,0L28,0L28,154L114.6,154" stroke="#00b0f0"/><path stroke-width="1" stroke-linecap="round" fill="#00b0f0" d="M119,154L113.8,151C114.3,151.9,114.6,152.9,114.6,154C114.6,155.1,114.3,156.1,113.8,157L119,154" stroke="#00b0f0"/></g><g transform="translate(496.52,199)" id="shape10"><path fill="none" d="M0,0L28,0L28,2L114.6,2" stroke="#00b0f0"/><path stroke-width="1" stroke-linecap="round" fill="#00b0f0" d="M119,2L113.8,-1C114.3,-0.1,114.6,.9,114.6,2C114.6,3.1,114.3,4.1,113.8,5L119,2" stroke="#00b0f0"/></g><g transform="translate(615.52,162.57)"><path fill="#00b0f0" d="M56,76.9L112,38.4L56,0L0,38.4L56,76.9z" stroke="#00b0f0" id="shape11"/><text class="st1"><tspan x="11" y="42.9">是否是登录状态</tspan></text></g><g transform="translate(727.52,201)" id="shape12"><path fill="none" d="M0,0L330,0L330,-59.4L357.6,-59.4" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M362,-59.4L356.8,-62.4C357.3,-61.5,357.6,-60.5,357.6,-59.4C357.6,-58.3,357.3,-57.3,356.8,-56.4L362,-59.4" stroke="#238479"/><rect height="15" x="331.6" fill="#ffffff" y="-66.9" width="21.5"/><text class="st2"><tspan x="331.5" y="-54.9">yes</tspan></text></g><g transform="translate(727.52,201)" id="shape13"><path fill="none" d="M0,0L330,0L330,39.9L357.6,39.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M362,39.9L356.8,36.9C357.3,37.8,357.6,38.8,357.6,39.9C357.6,41,357.3,42,356.8,42.9L362,39.9" stroke="#238479"/><rect height="15" x="335.1" fill="#ffffff" y="32.4" width="14.3"/><text class="st2"><tspan x="335" y="44.4">no</tspan></text></g><g transform="translate(1089.52,207)"><path fill="#00b0f0" d="M112,67.9L112,0L0,0L0,67.9L112,67.9z" stroke="#00b0f0" id="shape14"/><text class="st1"><tspan x="17" y="38.4">登录方式选择</tspan></text></g><g transform="translate(1089.52,103.15)"><path fill="#00b050" d="M28,76.9L84,76.9C99.5,76.9,112,64.3,112,38.4C112,12.5,99.5,0,84,0L28,0C12.5,0,0,12.5,0,38.4C0,64.3,12.5,76.9,28,76.9z" stroke="#00b0f0" id="shape15"/><text class="st1"><tspan x="17" y="33.4">进行操作（结</tspan><tspan x="43" y="52.4">束）</tspan></text></g><g transform="translate(615.52,343.15)"><path fill="#0070c0" d="M-15.7,62.9L96.3,62.9L127.7,0L15.7,0L-15.7,62.9z" stroke="#00b0f0" id="shape16"/><text class="st1"><tspan x="11" y="26.4">手机号验证码登</tspan><tspan x="50" y="45.4">录</tspan></text></g><g transform="translate(470.52,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape17"/><text class="st1"><tspan x="9" y="35.9">输入11位手机号</tspan></text></g><g transform="translate(526.52,669.85)" id="shape18"><path fill="none" d="M0,0L0,38.8" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,43.1L3,38C2.1,38.5,1.1,38.8,0,38.8C-1.1,38.8,-2.1,38.5,-3,38L0,43.1" stroke="#238479"/></g><g transform="translate(470.52,713)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape19"/><text class="st1"><tspan x="24" y="35.9">获取验证码</tspan></text></g><g transform="translate(526.52,775.85)" id="shape20"><path fill="none" d="M0,0L0,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,52.3L3,47.1C2.1,47.6,1.1,47.9,0,47.9C-1.1,47.9,-2.1,47.6,-3,47.1L0,52.3" stroke="#238479"/></g><g transform="translate(467.52,828.17)"><path fill="#00b0f0" d="M59,96.8L118,48.4L59,0L0,48.4L59,96.8z" stroke="#00b0f0" id="shape21"/><text class="st1"><tspan x="14" y="43.4">验证手机号格式</tspan><tspan x="33" y="62.4">是否正确</tspan></text></g><g transform="translate(467.52,876.59)" id="shape22"><path fill="none" d="M0,0L-117.5,0L-117.5,-96.2" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-117.5,-100.6L-120.5,-95.4C-119.6,-95.9,-118.6,-96.2,-117.5,-96.2C-116.4,-96.2,-115.4,-95.9,-114.5,-95.4L-117.5,-100.6" stroke="#238479"/><rect height="15" x="-26.9" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-27" y="4.5">no</tspan></text></g><g transform="translate(296.52,713)"><path fill="#c00000" d="M107,63L107,0L0,0L0,63L107,63z" stroke="#00b0f0" id="shape23"/><text class="st1"><tspan x="8" y="26.5">网页提示手机号</tspan><tspan x="21" y="45.5">输入不正确</tspan></text></g><g transform="translate(350.04,713)" id="shape24"><path fill="none" d="M0,0L0,-74.6L116.1,-74.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M120.5,-74.6L115.3,-77.6C115.8,-76.7,116.1,-75.7,116.1,-74.6C116.1,-73.5,115.8,-72.5,115.3,-71.6L120.5,-74.6" stroke="#238479"/></g><g transform="translate(526.52,925)" id="shape25"><path fill="none" d="M0,0L0,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,52.3L3,47.1C2.1,47.6,1.1,47.9,0,47.9C-1.1,47.9,-2.1,47.6,-3,47.1L0,52.3" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(467.52,977.32)"><path fill="#00b0f0" d="M59,70.7L118,35.3L59,0L0,35.3L59,70.7z" stroke="#00b0f0" id="shape26"/><text class="st1"><tspan x="14" y="30.3">是否收到后台发</tspan><tspan x="33" y="49.3">送验证码</tspan></text></g><g transform="translate(526.52,1048)" id="shape27"><path fill="none" d="M0,0L0,20.3L-89,20.3L-89,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-89,52.3L-86,47.1C-86.9,47.6,-87.9,47.9,-89,47.9C-90.1,47.9,-91.1,47.6,-92,47.1L-89,52.3" stroke="#238479"/><rect height="15" x="-57.2" fill="#ffffff" y="12.8" width="14.3"/><text class="st2"><tspan x="-57.3" y="24.8">no</tspan></text></g><g transform="translate(378.52,1100.32)"><path fill="#c00000" d="M118,70.7L118,0L0,0L0,70.7L118,70.7z" stroke="#00b0f0" id="shape28"/><text class="st1"><tspan x="16" y="39.8">60s后重新发送</tspan></text></g><g transform="translate(526.52,1048)" id="shape29"><path fill="none" d="M0,0L0,20.3L93,20.3L93,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M93,52.3L96,47.1C95.1,47.6,94.1,47.9,93,47.9C91.9,47.9,90.9,47.6,90,47.1L93,52.3" stroke="#238479"/><rect height="15" x="41.9" fill="#ffffff" y="12.8" width="21.5"/><text class="st2"><tspan x="41.8" y="24.8">yes</tspan></text></g><g transform="translate(560.52,1100.32)"><path fill="#00b0f0" d="M118,70.7L118,0L0,0L0,70.7L118,70.7z" stroke="#00b0f0" id="shape30"/><text class="st1"><tspan x="27" y="39.8">输入验证码</tspan></text></g><g transform="translate(378.52,1135.66)" id="shape31"><path fill="none" d="M0,0L-32,0L-32,-123L84.6,-123" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M89,-123L83.8,-126C84.3,-125.1,84.6,-124.1,84.6,-123C84.6,-121.9,84.3,-120.9,83.8,-120L89,-123" stroke="#238479"/></g><g transform="translate(619.52,1171)" id="shape32"><path fill="none" d="M0,0L0,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,52.3L3,47.1C2.1,47.6,1.1,47.9,0,47.9C-1.1,47.9,-2.1,47.6,-3,47.1L0,52.3" stroke="#238479"/></g><g transform="translate(548.52,1223.32)"><path fill="#00b0f0" d="M71,82L142,41L71,0L0,41L71,82z" stroke="#00b0f0" id="shape33"/><text class="st1"><tspan x="13" y="45.5">判断验证码是否正确</tspan></text></g><g transform="translate(619.52,1305.32)" id="shape34"><path fill="none" d="M0,0L0,20.3L-108,20.3L-108,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-108,52.3L-105,47.1C-105.9,47.6,-106.9,47.9,-108,47.9C-109.1,47.9,-110.1,47.6,-111,47.1L-108,52.3" stroke="#238479"/><rect height="15" x="-66.7" fill="#ffffff" y="12.8" width="14.3"/><text class="st2"><tspan x="-66.8" y="24.8">no</tspan></text></g><g transform="translate(440.52,1357.65)"><path fill="#c00000" d="M142,82L142,0L0,0L0,82L142,82z" stroke="#00b0f0" id="shape35"/><text class="st1"><tspan x="13" y="26.5">网页提醒“验证码输</tspan><tspan x="19" y="45.5">入错误，请重新输</tspan><tspan x="58" y="64.5">入”</tspan></text></g><g transform="translate(619.52,1305.32)" id="shape36"><path fill="none" d="M0,0L0,20.3L106,20.3L106,47.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M106,52.3L109,47.1C108.1,47.6,107.1,47.9,106,47.9C104.9,47.9,103.9,47.6,103,47.1L106,52.3" stroke="#238479"/><rect height="15" x="48.4" fill="#ffffff" y="12.8" width="21.5"/><text class="st2"><tspan x="48.3" y="24.8">yes</tspan></text></g><g transform="translate(654.52,1357.65)"><path fill="#00b0f0" d="M71,82L142,41L71,0L0,41L71,82z" stroke="#00b0f0" id="shape37"/><text class="st1"><tspan x="26" y="45.5">手机号是否注册</tspan></text></g><g transform="translate(440.52,1398.65)" id="shape38"><path fill="none" d="M0,0L-32,0L-32,-134.3L103.6,-134.3" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M108,-134.3L102.8,-137.3C103.3,-136.4,103.6,-135.4,103.6,-134.3C103.6,-133.2,103.3,-132.2,102.8,-131.3L108,-134.3" stroke="#238479"/></g><g transform="translate(725.52,1439.65)" id="shape39"><path fill="none" d="M0,0L0,80" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,84.4L3,79.2C2.1,79.7,1.1,80,0,80C-1.1,80,-2.1,79.7,-3,79.2L0,84.4" stroke="#238479"/><rect height="15" x="-6.9" fill="#ffffff" y="34.7" width="14.3"/><text class="st2"><tspan x="-7" y="46.7">no</tspan></text></g><g transform="translate(796.52,1398.65)" id="shape40"><path fill="none" d="M0,0L286,0L286,700.4L4.4,700.4" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,700.4L5.2,703.4C4.7,702.5,4.4,701.4,4.4,700.4C4.4,699.3,4.7,698.2,5.2,697.4L0,700.4" stroke="#238479"/><rect height="14" x="11.1" fill="#ffffff" y="-7" width="18.4"/><text class="st3"><tspan x="11" y="4">yes</tspan></text></g><g transform="translate(671.52,406)" id="shape41"><path fill="none" d="M0,0L0,52L-145,52L-145,93.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-145,98L-142,92.8C-142.9,93.3,-143.9,93.6,-145,93.6C-146.1,93.6,-147.1,93.3,-148,92.8L-145,98" stroke="#238479"/></g><g transform="translate(470.52,504)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape42"/><text class="st1"><tspan x="11" y="26.4">手机号验证码登</tspan><tspan x="43" y="45.4">录页</tspan></text></g><g transform="translate(526.52,566.85)" id="shape43"><path fill="none" d="M0,0L0,35.8" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,40.1L3,35C2.1,35.5,1.1,35.8,0,35.8C-1.1,35.8,-2.1,35.5,-3,35L0,40.1" stroke="#238479"/></g><g transform="translate(1145.52,274.85)" id="shape44"><path fill="none" d="M0,0L0,36.3L-474,36.3L-474,63.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-474,68.3L-471,63.1C-471.9,63.6,-472.9,63.9,-474,63.9C-475.1,63.9,-476.1,63.6,-477,63.1L-474,68.3" stroke="#238479"/></g><g transform="translate(654.52,1524)"><path fill="#00b0f0" d="M142,82L142,0L0,0L0,82L142,82z" stroke="#00b0f0" id="shape45"/><text class="st1"><tspan x="13" y="36">用户信息输入和密码</tspan><tspan x="52" y="55">输入页</tspan></text></g><g transform="translate(546.52,1836)"><path fill="#00b0f0" d="M71,82L142,41L71,0L0,41L71,82z" stroke="#00b0f0" id="shape46"/><text class="st1"><tspan x="13" y="36">校验用户昵称是否存</tspan><tspan x="65" y="55">在</tspan></text></g><g transform="translate(654.52,1652.5)"><path fill="#00b0f0" d="M142,82L142,0L0,0L0,82L142,82z" stroke="#00b0f0" id="shape47"/><text class="st1"><tspan x="26" y="45.5">输入昵称和密码</tspan></text></g><g transform="translate(725.52,1606)" id="shape48"><path fill="none" d="M0,0L0,42.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,46.5L3,41.3C2.1,41.8,1.1,42.1,0,42.1C-1.1,42.1,-2.1,41.8,-3,41.3L0,46.5" stroke="#238479"/></g><g transform="translate(760.52,1836)"><path fill="#00b0f0" d="M71,82L142,41L71,0L0,41L71,82z" stroke="#00b0f0" id="shape49"/><text class="st1"><tspan x="19" y="45.5">校验密码是否合法</tspan></text></g><g transform="translate(725.52,1734.5)" id="shape50"><path fill="none" d="M0,0L0,69.5L106,69.5L106,97.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M106,101.5L109,96.3C108.1,96.8,107.1,97.1,106,97.1C104.9,97.1,103.9,96.8,103,96.3L106,101.5" stroke="#238479"/></g><g transform="translate(725.52,1734.5)" id="shape51"><path fill="none" d="M0,0L0,69.5L-108,69.5L-108,97.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-108,101.5L-105,96.3C-105.9,96.8,-106.9,97.1,-108,97.1C-109.1,97.1,-110.1,96.8,-111,96.3L-108,101.5" stroke="#238479"/></g><g transform="translate(422.52,1652.5)"><g id="shape52"><path fill="#c00000" d="M142,82L142,0L0,0L0,82L142,82z"/><path fill="none" d="M142,82L142,0L0,0L0,82L142,82zM14,82L14,0L14,82zM128,82L128,0L128,82z" stroke="#00b0f0"/></g><text class="st1"><tspan x="26" y="36">提示用户昵称已</tspan><tspan x="58" y="55">存在</tspan></text></g><g transform="translate(546.52,1877)" id="shape53"><path fill="none" d="M0,0L-53,0L-53,-138.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-53,-142.5L-56,-137.3C-55.1,-137.8,-54.1,-138.1,-53,-138.1C-51.9,-138.1,-50.9,-137.8,-50,-137.3L-53,-142.5" stroke="#238479"/><rect height="15" x="-59.9" fill="#ffffff" y="-52.3" width="14.3"/><text class="st2"><tspan x="-60" y="-40.3">no</tspan></text></g><g transform="translate(564.52,1693.5)" id="shape54"><path fill="none" d="M0,0L85.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M90,0L84.8,-3C85.3,-2.1,85.6,-1.1,85.6,0C85.6,1.1,85.3,2.1,84.8,3L90,0" stroke="#238479"/></g><g transform="translate(904.52,1652.5)"><g id="shape55"><path fill="#c00000" d="M142,82L142,0L0,0L0,82L142,82z"/><path fill="none" d="M142,82L142,0L0,0L0,82L142,82zM14,82L14,0L14,82zM128,82L128,0L128,82z" stroke="#00b0f0"/></g><text class="st1"><tspan x="26" y="36">提示密码格式不</tspan><tspan x="58" y="55">正确</tspan></text></g><g transform="translate(902.52,1877)" id="shape56"><path fill="none" d="M0,0L73,0L73,-138.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M73,-142.5L70,-137.3C70.9,-137.8,71.9,-138.1,73,-138.1C74.1,-138.1,75.1,-137.8,76,-137.3L73,-142.5" stroke="#238479"/><rect height="15" x="66.1" fill="#ffffff" y="-42.3" width="14.3"/><text class="st2"><tspan x="66" y="-30.3">no</tspan></text></g><g transform="translate(904.52,1693.5)" id="shape57"><path fill="none" d="M0,0L-103.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-108,0L-102.8,3C-103.3,2.1,-103.6,1.1,-103.6,0C-103.6,-1.1,-103.3,-2.1,-102.8,-3L-108,0" stroke="#238479"/></g><g transform="translate(617.52,1918)" id="shape58"><path fill="none" d="M0,0L0,58L108,58L108,135.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M108,140L111,134.8C110.1,135.3,109.1,135.6,108,135.6C106.9,135.6,105.9,135.3,105,134.8L108,140" stroke="#238479"/><rect height="15" x="55.6" fill="#ffffff" y="50.5" width="21.5"/><text class="st2"><tspan x="55.5" y="62.5">yes</tspan></text></g><g transform="translate(654.52,2058)"><path fill="#00b050" d="M35.5,82L106.5,82C126.1,82,142,66.1,142,41C142,15.9,126.1,0,106.5,0L35.5,0C15.9,0,0,15.9,0,41C0,66.1,15.9,82,35.5,82z" stroke="#00b0f0" id="shape59"/><text class="st1"><tspan x="45" y="45.5">登录成功</tspan></text></g><g transform="translate(831.52,1918)" id="shape60"><path fill="none" d="M0,0L0,58L-106,58L-106,135.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-106,140L-103,134.8C-103.9,135.3,-104.9,135.6,-106,135.6C-107.1,135.6,-108.1,135.3,-109,134.8L-106,140" stroke="#238479"/><rect height="15" x="-75.4" fill="#ffffff" y="50.5" width="21.5"/><text class="st2"><tspan x="-75.5" y="62.5">yes</tspan></text></g><g transform="translate(1587.52,343.15)"><path fill="#0070c0" d="M-15.7,62.9L96.3,62.9L127.7,0L15.7,0L-15.7,62.9z" stroke="#00b0f0" id="shape61"/><text class="st1"><tspan x="24" y="35.9">第三方登录</tspan></text></g><g transform="translate(1145.52,274.85)" id="shape62"><path fill="none" d="M0,0L0,37.1L498,37.1L498,63.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M498,68.3L501,63.1C500.1,63.6,499.1,63.9,498,63.9C496.9,63.9,495.9,63.6,495,63.1L498,68.3" stroke="#238479"/></g><g transform="translate(1089.52,343.15)"><path fill="#0070c0" d="M-15.7,62.9L96.3,62.9L127.7,0L15.7,0L-15.7,62.9z" stroke="#00b0f0" id="shape63"/><text class="st1"><tspan x="11" y="35.9">手机号密码登录</tspan></text></g><g transform="translate(1145.52,274.85)" id="shape64"><path fill="none" d="M0,0L0,63.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,68.3L3,63.1C2.1,63.6,1.1,63.9,0,63.9C-1.1,63.9,-2.1,63.6,-3,63.1L0,68.3" stroke="#238479"/></g><g transform="translate(1145.52,406)" id="shape65"><path fill="none" d="M0,0L0,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,69.1L3,63.9C2.1,64.4,1.1,64.7,0,64.7C-1.1,64.7,-2.1,64.4,-3,63.9L0,69.1" stroke="#238479"/></g><g transform="translate(1089.52,475.07)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape66"/><text class="st1"><tspan x="11" y="26.4">手机号密码登录</tspan><tspan x="50" y="45.4">页</tspan></text></g><g transform="translate(1145.52,537.93)" id="shape67"><path fill="none" d="M0,0L0,37.1L-100.7,37.1L-100.7,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-100.7,69.1L-97.7,63.9C-98.6,64.4,-99.6,64.7,-100.7,64.7C-101.8,64.7,-102.9,64.4,-103.7,63.9L-100.7,69.1" stroke="#238479"/></g><g transform="translate(988.78,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape68"/><text class="st1"><tspan x="24" y="35.9">手机号输入</tspan></text></g><g transform="translate(1206.52,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape69"/><text class="st1"><tspan x="30" y="35.9">密码输入</tspan></text></g><g transform="translate(1145.52,537.93)" id="shape70"><path fill="none" d="M0,0L0,37.1L117,37.1L117,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M117,69.1L120,63.9C119.1,64.4,118.1,64.7,117,64.7C115.9,64.7,114.9,64.4,114,63.9L117,69.1" stroke="#238479"/></g><g transform="translate(1044.78,669.85)" id="shape71"><path fill="none" d="M0,0L0,29.1L100.7,29.1L100.7,79.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M100.7,84.3L103.7,79.1C102.9,79.6,101.8,79.9,100.7,79.9C99.6,79.9,98.6,79.6,97.7,79.1L100.7,84.3" stroke="#238479"/></g><g transform="translate(1089.52,754.15)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape72"/><text class="st1"><tspan x="11" y="35.9">手机号格式验证</tspan></text></g><g transform="translate(1262.52,669.85)" id="shape73"><path fill="none" d="M0,0L0,29.1L-117,29.1L-117,79.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-117,84.3L-114,79.1C-114.9,79.6,-115.9,79.9,-117,79.9C-118.1,79.9,-119.1,79.6,-120,79.1L-117,84.3" stroke="#238479"/></g><g transform="translate(875,756.53)"><path fill="#c00000" d="M103.5,58.1L103.5,0L0,0L0,58.1L103.5,58.1z" stroke="#00b0f0" id="shape74"/><text class="st1"><tspan x="13.3" y="24">提示手机号格</tspan><tspan x="19.3" y="43">式错误信息</tspan></text></g><g transform="translate(1089.52,785.57)" id="shape75"><path fill="none" d="M0,0L-106.6,-0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-111,-0L-105.8,3C-106.3,2.1,-106.6,1.1,-106.6,-0C-106.6,-1.1,-106.3,-2.1,-105.8,-3L-111,-0" stroke="#238479"/><rect height="15" x="-62.4" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-62.5" y="4.5">no</tspan></text></g><g transform="translate(926.76,756.53)" id="shape76"><path fill="none" d="M0,0L0,-118.1L57.6,-118.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M62,-118.1L56.8,-121.1C57.3,-120.2,57.6,-119.2,57.6,-118.1C57.6,-117,57.3,-116,56.8,-115.1L62,-118.1" stroke="#238479"/></g><g transform="translate(1145.52,817)" id="shape77"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1089.52,877)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape78"/><text class="st1"><tspan x="11" y="35.9">手机号是否注册</tspan></text></g><g transform="translate(1145.52,939.85)" id="shape79"><path fill="none" d="M0,0L0,37" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,41.4L3,36.2C2.1,36.7,1.1,37,0,37C-1.1,37,-2.1,36.7,-3,36.2L0,41.4" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1089.52,981.24)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape80"/><text class="st1"><tspan x="11" y="26.4">手机号密码验证</tspan><tspan x="30" y="45.4">是否通过</tspan></text></g><g transform="translate(1089.52,908.43)" id="shape81"><path fill="none" d="M0,0L-78,0L-105.6,.4" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-110,.4L-104.8,3.4C-105.3,2.5,-105.6,1.5,-105.6,.4C-105.6,-0.7,-105.3,-1.8,-104.8,-2.6L-110,.4" stroke="#238479"/><rect height="15" x="-62.1" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-62.2" y="4.5">no</tspan></text></g><g transform="translate(875,878.85)"><path fill="#c00000" d="M104.5,60L104.5,0L0,0L0,60L104.5,60z" stroke="#00b0f0" id="shape82"/><text class="st1"><tspan x="13.3" y="25">进入手机验证</tspan><tspan x="20.3" y="44">码登录流程</tspan></text></g><g transform="translate(875,908.85)" id="shape83"><path fill="none" d="M0,0L-257.5,0L-257.5,-373.4L-288.1,-373.4" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-292.5,-373.4L-287.3,-370.4C-287.8,-371.3,-288.1,-372.3,-288.1,-373.4C-288.1,-374.5,-287.8,-375.5,-287.3,-376.4L-292.5,-373.4" stroke="#238479"/></g><g transform="translate(1145.52,1044.09)" id="shape84"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1089.52,1104.09)"><path fill="#00b050" d="M28,62.9L84,62.9C99.5,62.9,112,50.3,112,31.4C112,12.5,99.5,0,84,0L28,0C12.5,0,0,12.5,0,31.4C0,50.3,12.5,62.9,28,62.9z" stroke="#00b0f0" id="shape85"/><text class="st1"><tspan x="30" y="35.9">登录成功</tspan></text></g><g transform="translate(1286.52,756.53)"><path fill="#c00000" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape86"/><text class="st1"><tspan x="17" y="35.9">提示密码错误</tspan></text></g><g transform="translate(1342.52,756.53)" id="shape87"><path fill="none" d="M0,0L0,-250L-136.6,-250" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-141,-250L-135.8,-247C-136.3,-247.9,-136.6,-248.9,-136.6,-250C-136.6,-251.1,-136.3,-252.1,-135.8,-253L-141,-250" stroke="#238479"/></g><g transform="translate(1201.52,1012.66)" id="shape88"><path fill="none" d="M0,0L141,0L141,-188.9" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M141,-193.3L138,-188.1C138.9,-188.6,139.9,-188.9,141,-188.9C142.1,-188.9,143.1,-188.6,144,-188.1L141,-193.3" stroke="#238479"/><rect height="15" x="13.1" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="13" y="4.5">no</tspan></text></g><g transform="translate(1643.52,406)" id="shape89"><path fill="none" d="M0,0L0,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,69.1L3,63.9C2.1,64.4,1.1,64.7,0,64.7C-1.1,64.7,-2.1,64.4,-3,63.9L0,69.1" stroke="#238479"/></g><g transform="translate(1587.52,475.07)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape90"/><text class="st1"><tspan x="11" y="35.9">第三方账号选择</tspan></text></g><g transform="translate(1442.52,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape91"/><text class="st1"><tspan x="43" y="35.9">微信</tspan></text></g><g transform="translate(1587.52,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape92"/><text class="st1"><tspan x="43" y="35.9">微博</tspan></text></g><g transform="translate(1748.52,607)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape93"/><text class="st1"><tspan x="48" y="35.9">qq</tspan></text></g><g transform="translate(1643.52,669.85)" id="shape94"><path fill="none" d="M0,0L0,81.8" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,86.1L3,81C2.1,81.5,1.1,81.8,0,81.8C-1.1,81.8,-2.1,81.5,-3,81L0,86.1" stroke="#238479"/></g><g transform="translate(1587.52,756)"><path fill="#00b0f0" d="M56,75L112,37.5L56,0L0,37.5L56,75z" stroke="#00b0f0" id="shape95"/><text class="st1"><tspan x="11" y="32.5">该账号是否授权</tspan><tspan x="11" y="51.5">过（在期限内）</tspan></text></g><g transform="translate(1498.52,669.85)" id="shape96"><path fill="none" d="M0,0L0,54.1L145,54.1L145,81.8" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M145,86.1L148,81C147.1,81.5,146.1,81.8,145,81.8C143.9,81.8,142.9,81.5,142,81L145,86.1" stroke="#238479"/></g><g transform="translate(1804.52,669.85)" id="shape97"><path fill="none" d="M0,0L0,54.1L-161,54.1L-161,81.8" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-161,86.1L-158,81C-158.9,81.5,-159.9,81.8,-161,81.8C-162.1,81.8,-163.1,81.5,-164,81L-161,86.1" stroke="#238479"/></g><g transform="translate(1643.52,831)" id="shape98"><path fill="none" d="M0,0L0,40.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,45L3,39.8C2.1,40.3,1.1,40.6,0,40.6C-1.1,40.6,-2.1,40.3,-3,39.8L0,45" stroke="#238479"/><rect height="15" x="-6.9" fill="#ffffff" y="12.5" width="14.3"/><text class="st2"><tspan x="-7" y="24.5">no</tspan></text></g><g transform="translate(1587.52,876)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape99"/><text class="st1"><tspan x="17" y="35.9">是否通过授权</tspan></text></g><g transform="translate(1699.52,907.43)" id="shape100"><path fill="none" d="M0,0L196.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M201,0L195.8,-3C196.3,-2.1,196.6,-1.1,196.6,0C196.6,1.1,196.3,2.1,195.8,3L201,0" stroke="#238479"/><rect height="15" x="93.6" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="93.5" y="4.5">no</tspan></text></g><g transform="translate(1900.52,876)"><path fill="#c00000" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape101"/><text class="st1"><tspan x="17" y="16.9">提示“授权失</tspan><tspan x="14" y="35.9">败”-返回登录</tspan><tspan x="50" y="54.9">页</tspan></text></g><g transform="translate(1956.52,876)" id="shape102"><path fill="none" d="M0,0L0,-635.1L-750.6,-635.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-755,-635.1L-749.8,-632.1C-750.3,-633,-750.6,-634,-750.6,-635.1C-750.6,-636.2,-750.3,-637.2,-749.8,-638.1L-755,-635.1" stroke="#238479"/></g><g transform="translate(1643.52,938.85)" id="shape103"><path fill="none" d="M0,0L0,38" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,42.4L3,37.2C2.1,37.7,1.1,38,0,38C-1.1,38,-2.1,37.7,-3,37.2L0,42.4" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1587.52,981.24)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape104"/><text class="st1"><tspan x="11" y="26.4">是否已经绑定手</tspan><tspan x="43" y="45.4">机号</tspan></text></g><g transform="translate(1587.52,1012.66)" id="shape105"><path fill="none" d="M0,0L-57.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-62,0L-56.8,3C-57.3,2.1,-57.6,1.1,-57.6,0C-57.6,-1.1,-57.3,-2.1,-56.8,-3L-62,0" stroke="#238479"/><rect height="15" x="-41.4" fill="#ffffff" y="-7.5" width="21.5"/><text class="st2"><tspan x="-41.5" y="4.5">yes</tspan></text></g><g transform="translate(1413.52,981.24)"><path fill="#00b050" d="M28,62.9L84,62.9C99.5,62.9,112,50.3,112,31.4C112,12.5,99.5,0,84,0L28,0C12.5,0,0,12.5,0,31.4C0,50.3,12.5,62.9,28,62.9z" stroke="#00b0f0" id="shape106"/><text class="st1"><tspan x="30" y="35.9">登录成功</tspan></text></g><g transform="translate(1643.52,1044.09)" id="shape107"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/><rect height="15" x="-6.9" fill="#ffffff" y="12.5" width="14.3"/><text class="st2"><tspan x="-7" y="24.5">no</tspan></text></g><g transform="translate(1587.52,1104.09)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape108"/><text class="st1"><tspan x="11" y="26.4">进入绑定手机号</tspan><tspan x="43" y="45.4">页面</tspan></text></g><g transform="translate(1643.52,1166.94)" id="shape109"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/></g><g transform="translate(1587.52,1226.94)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape110"/><text class="st1"><tspan x="9" y="26.4">输入11位手机号</tspan><tspan x="50" y="45.4">码</tspan></text></g><g transform="translate(1643.52,1289.79)" id="shape111"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/></g><g transform="translate(1587.52,1349.79)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape112"/><text class="st1"><tspan x="11" y="35.9">点击获取验证码</tspan></text></g><g transform="translate(1643.52,1412.64)" id="shape113"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/></g><g transform="translate(1587.52,1472.64)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape114"/><text class="st1"><tspan x="11" y="26.4">验证手机号码格</tspan><tspan x="24" y="45.4">式是否正确</tspan></text></g><g transform="translate(1412.52,1349.79)"><path fill="#c00000" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape115"/><text class="st1"><tspan x="11" y="26.4">提示“手机号输</tspan><tspan x="30" y="45.4">入错误”</tspan></text></g><g transform="translate(1587.52,1504.06)" id="shape116"><path fill="none" d="M0,0L-119,0L-119,-87" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-119,-91.4L-122,-86.2C-121.1,-86.7,-120.1,-87,-119,-87C-117.9,-87,-116.9,-86.7,-116,-86.2L-119,-91.4" stroke="#238479"/><rect height="15" x="-112.1" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-112.2" y="4.5">no</tspan></text></g><g transform="translate(1468.52,1349.79)" id="shape117"><path fill="none" d="M0,0L0,-91.4L114.6,-91.4" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M119,-91.4L113.8,-94.4C114.3,-93.5,114.6,-92.5,114.6,-91.4C114.6,-90.3,114.3,-89.3,113.8,-88.4L119,-91.4" stroke="#238479"/></g><g transform="translate(1643.52,1535.49)" id="shape118"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1587.52,1595.49)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape119"/><text class="st1"><tspan x="11" y="35.9">后台发送验证码</tspan></text></g><g transform="translate(1643.52,1658.34)" id="shape120"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/></g><g transform="translate(1587.52,1718.34)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape121"/><text class="st1"><tspan x="11" y="35.9">是否收到验证码</tspan></text></g><g transform="translate(1466.52,1825.57)"><path fill="#00b0f0" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape122"/><text class="st1"><tspan x="13" y="16.9">倒计时60s后可</tspan><tspan x="17" y="35.9">点击“重新发</tspan><tspan x="43" y="54.9">送”</tspan></text></g><g transform="translate(1715.52,1825.57)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape123"/><text class="st1"><tspan x="11" y="26.4">输入验证码进行</tspan><tspan x="43" y="45.4">验证</tspan></text></g><g transform="translate(1643.52,1781.19)" id="shape124"><path fill="none" d="M0,0L0,28.4L-121,28.4L-121,40" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-121,44.4L-118,39.2C-118.9,39.7,-119.9,40,-121,40C-122.1,40,-123.1,39.7,-124,39.2L-121,44.4" stroke="#238479"/><rect height="15" x="-61.2" fill="#ffffff" y="20.9" width="14.3"/><text class="st2"><tspan x="-61.3" y="32.9">no</tspan></text></g><g transform="translate(1643.52,1781.19)" id="shape125"><path fill="none" d="M0,0L0,28.4L128,28.4L128,40" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M128,44.4L131,39.2C130.1,39.7,129.1,40,128,40C126.9,40,125.9,39.7,125,39.2L128,44.4" stroke="#238479"/><rect height="15" x="47.4" fill="#ffffff" y="20.9" width="21.5"/><text class="st2"><tspan x="47.3" y="32.9">yes</tspan></text></g><g transform="translate(1466.52,1857)" id="shape126"><path fill="none" d="M0,0L-32,0L-32,-230.1L116.6,-230.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M121,-230.1L115.8,-233.1C116.3,-232.2,116.6,-231.2,116.6,-230.1C116.6,-229,116.3,-228,115.8,-227.1L121,-230.1" stroke="#238479"/></g><g transform="translate(1771.52,1888.43)" id="shape127"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/></g><g transform="translate(1715.52,1948.43)"><path fill="#00b0f0" d="M56,62.9L112,31.4L56,0L0,31.4L56,62.9z" stroke="#00b0f0" id="shape128"/><text class="st1"><tspan x="24" y="35.9">提交验证码</tspan></text></g><g transform="translate(1715.52,1979.85)" id="shape129"><path fill="none" d="M0,0L-132.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-137,0L-131.8,3C-132.3,2.1,-132.6,1.1,-132.6,0C-132.6,-1.1,-132.3,-2.1,-131.8,-3L-137,0" stroke="#238479"/><rect height="15" x="-75.4" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-75.5" y="4.5">no</tspan></text></g><g transform="translate(1466.52,1948.43)"><path fill="#c00000" d="M112,62.9L112,0L0,0L0,62.9L112,62.9z" stroke="#00b0f0" id="shape130"/><text class="st1"><tspan x="14" y="26.4">提示"验证码输</tspan><tspan x="34" y="45.4">入错误"</tspan></text></g><g transform="translate(1771.52,2011.28)" id="shape131"><path fill="none" d="M0,0L0,67.3" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,71.7L3,66.5C2.1,67,1.1,67.3,0,67.3C-1.1,67.3,-2.1,67,-3,66.5L0,71.7" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1703.02,2083)"><path fill="#00b0f0" d="M68.5,91.1L137,45.5L68.5,0L0,45.5L68.5,91.1z" stroke="#00b0f0" id="shape132"/><text class="st1"><tspan x="10" y="40.5">验证手机号码是否可</tspan><tspan x="19" y="59.5">用(被其他号绑定)</tspan></text></g><g transform="translate(1643.52,537.93)" id="shape133"><path fill="none" d="M0,0L0,37.1L-145,37.1L-145,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-145,69.1L-142,63.9C-142.9,64.4,-143.9,64.7,-145,64.7C-146.1,64.7,-147.1,64.4,-148,63.9L-145,69.1" stroke="#238479"/></g><g transform="translate(1643.52,537.93)" id="shape134"><path fill="none" d="M0,0L0,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,69.1L3,63.9C2.1,64.4,1.1,64.7,0,64.7C-1.1,64.7,-2.1,64.4,-3,63.9L0,69.1" stroke="#238479"/></g><g transform="translate(1643.52,537.93)" id="shape135"><path fill="none" d="M0,0L0,37.1L161,37.1L161,64.7" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M161,69.1L164,63.9C163.1,64.4,162.1,64.7,161,64.7C159.9,64.7,158.9,64.4,158,63.9L161,69.1" stroke="#238479"/></g><g transform="translate(1703.02,2128.53)" id="shape136"><path fill="none" d="M0,0L-114.6,0" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-119,0L-113.8,3C-114.3,2.1,-114.6,1.1,-114.6,0C-114.6,-1.1,-114.3,-2.1,-113.8,-3L-119,0" stroke="#238479"/><rect height="15" x="-66.4" fill="#ffffff" y="-7.5" width="14.3"/><text class="st2"><tspan x="-66.5" y="4.5">no</tspan></text></g><g transform="translate(1461.02,2093.03)"><path fill="#c00000" d="M123,71L123,0L0,0L0,71L123,71z" stroke="#00b0f0" id="shape137"/><text class="st1"><tspan x="10" y="30.5">提示“改号码已经</tspan><tspan x="10" y="49.5">被其他账号绑定”</tspan></text></g><g transform="translate(1461.02,2128.53)" id="shape138"><path fill="none" d="M0,0L-80.5,0L-80.5,-993L122.1,-993" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M126.5,-993L121.3,-996C121.8,-995.1,122.1,-994.1,122.1,-993C122.1,-991.9,121.8,-990.9,121.3,-990L126.5,-993" stroke="#238479"/></g><g transform="translate(1771.52,2174.06)" id="shape139"><path fill="none" d="M0,0L0,55.6" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M0,60L3,54.8C2.1,55.3,1.1,55.6,0,55.6C-1.1,55.6,-2.1,55.3,-3,54.8L0,60" stroke="#238479"/><rect height="15" x="-10.4" fill="#ffffff" y="12.5" width="21.5"/><text class="st2"><tspan x="-10.5" y="24.5">yes</tspan></text></g><g transform="translate(1703.02,2234.06)"><path fill="#00b050" d="M33.5,66.9L103.5,66.9C122,66.9,137,52,137,33.5C137,15,122,0,103.5,0L33.5,0C15,0,0,15,0,33.5C0,52,15,66.9,33.5,66.9z" stroke="#00b0f0" id="shape140"/><text class="st1"><tspan x="43" y="38">登录成功</tspan></text></g><g transform="translate(1587.52,793.5)" id="shape141"><path fill="none" d="M0,0L-118,0L-118,183.3" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M-118,187.7L-115,182.5C-115.9,183.1,-116.9,183.3,-118,183.3C-119.1,183.3,-120.1,183.1,-121,182.5L-118,187.7" stroke="#238479"/><rect height="15" x="-30.4" fill="#ffffff" y="-7.5" width="21.5"/><text class="st2"><tspan x="-30.5" y="4.5">yes</tspan></text></g><g transform="translate(402.52,246)"><path fill="#00b0f0" d="M94,56L94,0L0,0L0,56L94,56z" stroke="#00b0f0" id="shape142"/><text class="st1"><tspan x="34" y="32.5">收藏</tspan></text></g><g transform="translate(402.52,318)"><path fill="#00b0f0" d="M94,56L94,0L0,0L0,56L94,56z" stroke="#00b0f0" id="shape143"/><text class="st1"><tspan x="34" y="32.5">转发</tspan></text></g><g transform="translate(326.52,170.85)" id="shape144"><path fill="none" d="M0,0L44,0L44,103.1L71.6,103.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M76,103.1L70.8,100.1C71.3,101,71.6,102.1,71.6,103.1C71.6,104.2,71.3,105.3,70.8,106.1L76,103.1" stroke="#238479"/></g><g transform="translate(326.52,170.85)" id="shape145"><path fill="none" d="M0,0L44,0L44,175.1L71.6,175.1" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M76,175.1L70.8,172.1C71.3,173,71.6,174.1,71.6,175.1C71.6,176.2,71.3,177.3,70.8,178.1L76,175.1" stroke="#238479"/></g><g transform="translate(496.52,274)" id="shape146"><path fill="none" d="M0,0L27.5,0L27.5,-73L114.6,-73" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M119,-73L113.8,-76C114.3,-75.1,114.6,-74.1,114.6,-73C114.6,-71.9,114.3,-70.9,113.8,-70L119,-73" stroke="#238479"/></g><g transform="translate(496.52,346)" id="shape147"><path fill="none" d="M0,0L27.5,0L27.5,-145L114.6,-145" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M119,-145L113.8,-148C114.3,-147.1,114.6,-146.1,114.6,-145C114.6,-143.9,114.3,-142.9,113.8,-142L119,-145" stroke="#238479"/></g><g transform="translate(496.52,123)" id="shape148"><path fill="none" d="M0,0L27.5,0L27.5,78L114.6,78" stroke="#238479"/><path stroke-width="1" stroke-linecap="round" fill="#238479" d="M119,78L113.8,75C114.3,75.9,114.6,76.9,114.6,78C114.6,79.1,114.3,80.1,113.8,81L119,78" stroke="#238479"/></g></svg></div>
        <div id="copyright">Powered by <a href="https://www.edrawsoft.com/" target="_blank" title="edrawsoft">Edraw Max</a></div>
      </div>
      <div id="navBar">
        <div id="nav-thumbs">
          <div class="nav-thumb">
            <div>
              <span class="number">
                <span class="pagenum">1</span>
              </span>
              <a href="#page1">
                <img src=""/>
              </a>
            </div>
            <p>Page-1</p>
          </div>
        </div>
      </div>
    </div>
    <script>
        const svgs=document.getElementById("svg-container").children;
        const UA=window.navigator.userAgent;
        const ua=(UA.indexOf('rv:11')+UA.indexOf('Firefox'))>=0;
        const svgcount=document.getElementById('svg-container').childElementCount;
        var styleArr=[];
        var heightArr=[];
        var navBar=document.getElementById('navBar');
        var conInfo=document.getElementById('content-info');
        for(var i=0;i<svgcount;i++){
            styleArr[i] = {width:svgs[i].getAttribute('width'),height:svgs[i].getAttribute('height')}
        }
        window.onresize=function () {
            renavstyle();
            resvgstyle();
        };
        window.onscroll=renavstyle;
        window.onload=function () {
            renavstyle();
            var sideWidth=navBar.offsetWidth;
            document.getElementById('content-info').style.marginRight=sideWidth+'px';
            document.getElementById('main-content').style.marginRight=sideWidth+'px';
            resvgstyle();
            doscroll();
        };
        function recontainstyle() {
            var topHeight=conInfo.clientHeight;
            var svgHeight=0;
            for(var i=0;i<svgcount;i++){
                heightArr[i]=svgs[i].getBoundingClientRect().height+10;
                svgHeight+=svgs[i].clientHeight ||svgs[i].getBoundingClientRect().height;
            }
            var fullHeight=svgHeight+Number(topHeight);
            if(fullHeight<window.innerHeight){
            document.getElementById('copyright').style.position='absolute';
            document.getElementById('copyright').style.transform ='translateX(-50%)';
            document.getElementById('main-content').style.position='absolute';
            document.getElementById('main-content').style.top=topHeight+'px';
        }else{
            document.getElementById('copyright').style.position='';
            document.getElementById('copyright').style.transform ='';
            document.getElementById('main-content').style.position='';
        }
        }
        function resvgstyle() {
            var sideWidth=navBar.offsetWidth+20;
            for(var i=0;i<svgcount;i++){
                var oriWidth = styleArr[i].width;
                var oriHeight = styleArr[i].height;
                var percent = oriHeight / oriWidth;
                var innerWidth=document.body.offsetWidth-sideWidth;
                if (innerWidth <= oriWidth) {
                    svgs[i].removeAttribute('width');
                    svgs[i].removeAttribute('height');
                    if (ua) {
                        svgs[i].setAttribute('height',innerWidth*percent);
                    }
                }else {
                    svgs[i].setAttribute('width', oriWidth);
                    svgs[i].setAttribute('height', oriHeight);
                }
            }
            recontainstyle();
        }
        function renavstyle() {
            var topHeight=conInfo.clientHeight;
            var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
            if(scrollTop>topHeight){
                document.getElementById('navBar').style.top=0+'px';
            }else{
                document.getElementById('navBar').style.top=topHeight-scrollTop+'px';
            }
            doscroll();
        }
        function doscroll() {
            var topHeight=conInfo.clientHeight;
            var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
            for(var i=0;i<svgcount;i++){
                var sum=0;
                for(var j=0;j<=i;j++){
                    sum+=heightArr[j];
                }
                if(scrollTop+window.innerHeight/2-topHeight-sum<0){
                    var sub=Number(i)+1;
                    if(document.querySelector('#nav-thumbs .selected')){
                        document.querySelector('#nav-thumbs .selected').classList.remove('selected');
                    }
                    document.querySelector('.nav-thumb:nth-of-type('+sub+')').classList.add('selected');
                    break;
                }
            }
        }
        var navs=document.querySelectorAll('.nav-thumb');
        for(i=0;i<navs.length;i++){
            navs[i].children[0].onclick=function () {
                document.querySelector('#nav-thumbs .selected').classList.remove('selected');
                this.parentNode.classList.add('selected');
            }
        }
</script>
  </body>
</html>
